<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title><ui:insert name="title">Default Title</ui:insert></title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
        <h:outputStylesheet name="css/bootstrap-responsive.css"/>
        <h:outputStylesheet name="css/bootstrap-responsive.min.css"/>
        <h:outputStylesheet name="css/bootstrap.css"/>
        <h:outputStylesheet name="css/bootstrap.min.css"/>
        <h:outputStylesheet name="css/chosen.css"/>
    </h:head>

    <h:body>
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/bootstrap-responsive.min.css" rel="stylesheet"/>
        <link rel="shortcut icon" href="img/favicon.ico"/>
        <h:outputScript name="js/jquery-1.7.1.min.js" />
        <h:outputScript name="js/bootstrap.min.js" />
        <style>
            td, th {
                text-align: center !important;
            }
            .clear {
                padding-top: 10px;
            }
        </style>
        <script>
        $(document).ready(function(){
            $('.icon-remove, .remove').click(function(e){
                //ask the use for the confirm
                var response = confirm('Are you sure?');
                //check if the user confirmed
                if(response){
                    //check if this is the image or the link
                    if($(this).hasClass('remove')){
                        //remove the table row
                        $(this).parent().parent().remove();
                    } else {
                        //remove the table row
                        $(this).parent().parent().parent().remove();
                    }
                }
                e.preventDefault();
            });
        });
        </script>
        <div class="container" style="direction: rtl;">
            <!-- start of the navigation bar -->
            <h:form>
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container">
                            <ul class="nav pull-right">
                                <h:panelGroup    rendered="${userName!=null}">
                                <li class="divider-vertical"></li>
                                <li> <h:commandLink action="#{employeeController.logOut}" value="خروج" immediate="true" /></li>
                                </h:panelGroup>
                                <h:panelGroup    rendered="${limits==0}">
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/log/List.xhtml" value="المتابعه" immediate="true"/></li>
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/employee/List.xhtml" value="الموظفين" immediate="true"/></li>
                                </h:panelGroup>
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/treasury/treasuryhome" value="الخزينة" immediate="true"/></li>
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/inventoryStore/inventoryStore" value="المخازن" immediate="true"/></li>
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/item/CreateItem" value="المنتجات" immediate="true"  /></li>
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/exporter/CreateExporter" value="الموردين" immediate="true"  /></li>
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/customer/customer" value="العملاء" immediate="true"  /></li>
                                <h:panelGroup    rendered="${limits==0}">
                                <li class="divider-vertical"></li>
                                <li><h:commandLink action="/confirmBills" value="تاكيد الفواتير" immediate="true"/></li>
</h:panelGroup>

                                <li class="divider-vertical"></li>
                                <li> <h:commandLink action="/bill/ExporterBill" value="الفواتير الوارده" immediate="true"  /></li>
                                <li class="divider-vertical"></li>
                                <li> <h:commandLink action="/bill/CustomerBill" value="الفواتير" immediate="true"  /></li>

                            </ul>
                        </div>
                    </div>
                </div>
                
                 مرحبا :<h:outputText value="${name}" />
            </h:form>
            <!-- end of the navigation bar -->

            <!-- start of the form notifications -->
         
            <p>
                <ui:insert name="body">Default Body</ui:insert>
            </p>
        </div>
    </h:body>

</html>
